<template>
  <VPage>
    <VTable ref="tableRef" v-bind="tableOptins">
      <template #form="{ form }">
        <VGroup>
          <div class="v-group-item">策略名称</div>
          <el-select v-model="form.status" style="max-width: 160px" collapse-tags clearable placeholder="请选择">
            <el-option v-for="(d, i) in []" :key="i" :label="d.label" :value="d.value"></el-option>
          </el-select>
        </VGroup>
        <VGroup>
          <el-select v-model="form.status" style="max-width: 160px" collapse-tags clearable placeholder="系统订单号">
            <el-option v-for="(d, i) in []" :key="i" :label="d.label" :value="d.value"></el-option>
          </el-select>
          <el-input></el-input>
        </VGroup>
        <VGroup>
          <div class="v-group-item">执行时间</div>
          <el-date-picker v-model="form.create_time" type="datetimerange" range-separator="至" start-placeholder="开始时间" end-placeholder="结束时间" style="max-width: 300px" value-format="YYYY-MM-DD HH:mm:ss" />
        </VGroup>
      </template>
    </VTable>
  </VPage>
</template>
      
<script setup lang="jsx" name="Account">
import { overallOptions } from '@/api/public'
import api from '../api'
import { ElMessage } from 'element-plus'
import { onMounted, ref, toRefs } from 'vue'
const edit = ref()
const data = reactive({
  editTitle: '新增',
  statusOption: []
})
const { organizationData, statusOption } = toRefs(data)
const tableRef = ref()
// 查询
const query = () => {
  tableRef?.value.query()
}
//获取下拉数据
onMounted(() => {
  overallOptions({ params: ['base.orderCommission'] }).then(res => {
    statusOption.value = res.data.baseOrderCommission.status
  })
})
// 列表配置
const tableOptins = reactive({
  formConfig: {
    data: {
      platform: [],
      site: [],
      shop: [],
      status: '',
      create_user: '',
      rule_type: '',
      rule_name: ''
    }
  },
  columns: [
    { field: '', title: '编号', width: 100 },
    { field: '', title: '系统订单号/平台订单号', width: 300 },
    { field: '', title: '包裹单号', minWidth: 220 },
    { field: '', title: '收件国家', minWidth: 140 },
    { field: '', title: '订单产品总重量(g)', minWidth: 100 },
    { field: '', title: '订单总体积(cm³)', minWidth: 120 },
    { field: '', title: '包裹抛率', minWidth: 120 },
    { field: '', title: '订单支付金额', minWidth: 120 },
    { field: '', title: '策略名称', minWidth: 120 },
    { field: '', title: '发货仓库', width: 150 },
    { field: '', title: '之前运输方式', width: 150 },
    { field: '', title: '转换运输方式', width: 150 },
    { field: '', title: '之前订单状态', width: 150 },
    { field: '', title: '改变订单状态', width: 150 },
  ],
  proxyConfig: {
    ajax: {
      query: ({ page, form }) => api.orderStrategyOrders({ ...form, ...page })
    }
  }
})
</script>
<style lang="scss" scoped></style>

      